<html>
<title>Loading Sample PAS Project to Virtual Learning Environment</title>
<head>
<script type="text/javascript" src="js/sound/soundmanager/script/soundmanager2.js"></script>
<script type="text/javascript" src="js/sound/AudioManager.js"></script>

<script src="http://yui.yahooapis.com/3.0.0pr2/build/yui/yui-min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/common/helperfunctions.js"></script>
<script type="text/javascript" src="js/VLE.js"></script>
<script type="text/javascript" src="js/contentpanel/ContentPanel.js"></script>
<script type="text/javascript" src="js/navigation/NavigationLogic.js"></script>
<script type="text/javascript" src="js/navigation/DFS.js"></script>
<script type="text/javascript" src="js/navigation/NavigationPanel.js"></script>
<script type="text/javascript" src="js/common/loadxmldoc.js"></script>
<script type="text/javascript" src="js/node/Node.js"></script>
<script type="text/javascript" src="js/node/HtmlNode.js"></script>
<script type="text/javascript" src="js/node/CustomNode.js"></script>
<script type="text/javascript" src="js/node/MatchSequenceNode.js"></script>
<script type="text/javascript" src="js/node/FillinNode.js"></script>
<script type="text/javascript" src="js/project/Project.js"></script>
<script type="text/javascript" src="js/project/pas/PasOtmlProject.js"></script>

<script type="text/javascript" src="js/common/niftycube.js"></script>
<script type="text/javascript" src="js/common/sdmenu.js"></script>
<script type="text/javascript" src="js/common/dropdown.js"></script>

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.6.0/build/fonts/fonts-min.css" />
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.6.0/build/container/assets/skins/sam/container.css" />
<script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/utilities/utilities.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/container/container-min.js"></script>



<link rel="stylesheet" type="text/css" href="css/niftyCube.css" />
<link rel="stylesheet" type="text/css" href="css/navigation.css" />
<link rel="stylesheet" type="text/css" href="css/sdmenu.css" />

<link rel="stylesheet" type="text/css" href="css/navigation.css" />


<script type="text/javascript">
window.onload=function(){
Nifty("div#navigationBox","big");
Nifty("ul.toolsButtons a","transparent");
render();
}


</script>


</head>
<body class=" yui-skin-sam">
	
<div id="centeredDiv">	



	
<div id="projectLeftBox">
	
	<div id="toolsArea">
		
		  <dl class="dropdown">
		  <dt id="one-ddheader" onmouseover="ddMenu('one',1);" onmouseout="ddMenu('one',-1);">
		  		course tools
				<img src="./assets/images/go-down.png" alt="Menu Arrow" width="15" height="14" border="0" />
		</dt>
		
		  <dd id="one-ddcontent" onmouseover="cancelHide('one');" onmouseout="ddMenu('one',-1);">
		    <ul>
		      <li><a class="underline">My Journal</a></li>
		      <li><a onclick="vle.showAllWork();" class="underline2">Show All Work</a></li>
		      <li><a class="underline">Save</a></li>
			  <li><a class="underline2">Save & Exit</a></li>
			  <li><a class="underline">Report an Issue</a></li>
		    </ul>
		  </dd>
		</dl>
	</div>
		
	<div id="projectLogoBox">
		<a href=""><img src="./assets/images/robots/small_logo.png" alt="Robot Art Header" width="210" height="55" border="0" /></a>
		<div id="projectCurriculum">
			<div class="title">AP Programming 101E</div>
			<div class="unit">Unit 3: Section 1</div>
		</div>
		<div id="logInBox"><p>Keyser Soze</p></div>
	</div>

		
	<div id="navigationArea">
	
		<div id="audioControls">
			<table>
				<tr>
					<td class="rightPadding">Audio Controls:</td>
					<td><a class="rewind" onclick="vle.rewindStepAudio();"></a></td>
				<td><a id="playPause" class="play" onclick="vle.playPauseStepAudio();"></a></td>
				</tr>
			</table>
		</div>
		
		<div id="navMenuControls">
	        <input type="button" value="Expand All" onclick="myMenu.expandAll()" />
	        <input type="button" value="Collapse All" onclick="myMenu.collapseAll()" />
		</div>
					


			<div id="navigationMenuBox" >
				    <div id="my_menu" class="sdmenu">
				   	</div>
		    </div>   <!-- end of #navigationMenuBox -->
	</div>   <!-- end of #navigationArea -->
		
	<div id="hostBrandingBox">
		<a href=""><img src="./assets/images/UCCP-Logo.png" alt="UCCP College Prep Online Logo" width="210" height="32" border="0" /></a>
	</div>
	
</div>    <!-- end of #projectLeftBox-->

<div id="projectRightUpperBox">
	<div id="stepInfoBar">
		<div class="currentLessonSection">Lesson 3.1</div>
    	<div class="instantQuizIcon"></div>
		<div class="stepTypeLabel">
    		<a href="InstantQuizInfoBox.html" onclick="popUp(this.href,'console',440,720);return false;" target="_blank">Instant Quiz</a>
		    <span class="gradingStatus">(Grading Off)</span>
			<span class="subStepCounter"></span> 
		</div>
		<div id="stepNavButtons">
    		<a onclick="vle.renderPrevNode();" ><img src="./assets/images/go-previous.png" alt="Previous Arrow" width="32" height="32" border="0" /></a>
			<a onclick="vle.renderNextNode();" ><img src="./assets/images/go-next.png" alt="Next Arrow" width="32" height="32" border="0" /></a>
			<a onclick="vle.toggleNavigationPanelVisibility();"><img src="./assets/images/view-fullscreen.png" alt="Expand/Shrink Icon" width="32" height="32" border="0" /></a>
		</div>
    	
	</div>
</div>

<div id="projectRightLowerBox">
	<div id="contentDiv">
<iframe id="ifrm" name="ifrm" scrolling="auto" onload="contentPanelOnLoad();"
 width="100%" height="100%" frameborder="0">
 [Content for browsers that don't support iframes goes here.]
</iframe>
</div>
</div>

<div id="showAllWorkDiv"></div>
</div>  <!-- centerDiv -->
<script type="text/javascript">
var vle = null;
function render() {
	  var xmlDocObj = new LoadXMLDocObj();
	  var project = new PasOtmlProject(xmlDocObj);
	  xmlDocObj.load("uccp_lesson_0.otml");
	  vle.audioManager = new AudioManager(true);
}
var myMenu;


function loadFromString(xmlString) {
	//alert('load this: ' + xmlString);
	  var xmlDocObj = new LoadXMLDocObj();
	  var project = new PasOtmlProject(xmlDocObj);
	  xmlDocObj.loadString(xmlString);
	  //parent.foo();
}
</script>
<div id="soundmanager-debug"></div>

</body>
</html>